<template>
  <window-header show-set-top />

  <main-layout :is-empty="false">
    <!-- 搜索框   -->
    <template #searchBtn>
      <search-box />
    </template>

    <!--  左侧列表  -->
    <template #mainLeftList>
      <friends-list />
    </template>

    <!--   右侧标题 -->
    <template #rightTitle>
      <title-panel title="" />
    </template>

    <!--   右侧主内容：聊天窗口  -->
    <template #mainRightContent>
      <friend-panel />
    </template>
  </main-layout>
</template>

<script setup>
import MainLayout from "@/components/MainLayout.vue";
import SearchBox from "@/views/chat/search/index.vue";
import FriendsList from './friendsList/index.vue'
import FriendPanel from './friendPanel/index.vue'
</script>

<style lang="scss" scoped>
.main-title {
  height: 40px;
  background-color: transparent;
  border-bottom: 0;
}
</style>
